<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="refresh" content="60">
<meta http-equiv="Content-Type" content="text/html; charset=utf8"  />
<title>cloudstack 统计表</title> 
<style type="text/css">
table.title {
    font-family: verdana,arial,sans-serif;
    font-size:11px;
    color:#333333;
    border-width: 1px;
    border-color: #999999;
    border-collapse: collapse;
 
}
table.title th {
    background-color:#c3dde0;
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #a9c6c9;
}
table.title tr {
    background-color:#d4e3e5;
}
table.title td {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #a9c6c9;
}

table.hovertable {
    font-family: verdana,arial,sans-serif;
    font-size:11px;
 
}
table.hovertable tr {
	border-width: 80px;
    padding: 80px;
}
table.hovertable td {
    border-width: 8px;
    padding: 8px;
}
ul
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}
li
{
float:left;
}
a:link,a:visited
{
display:block;
width:120px;
font-weight:bold;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
}
a:hover,a:active

</style>
</head>
<BODY align="center" valign="center">  
<DIV class="box">
<h3><strong>Cloudstack 实例
</strong>
<hr></hr>
<table width="100" border="0" cellspacing="1" cellpadding="0"  class="title" > 
<tr>
	<td><a href="/" >主页</a></td>
	<td><a href="/instance_list">实例</a></td>
	<td><a href="/vm_status">状态</a></td>
</tr>
</table>
<hr></hr> 
<hr> 
</table>
 {% for ints in instances %}
 <table width="1400" border="0" cellspacing="1" cellpadding="0"  class="hovertable" > 
 	<tr>
	    <td>instance_id: <h>{{ints.instance_name }}<h></td>
	  </tr>
</table>
	<table width="1400" border="0" cellspacing="1" cellpadding="0"  class="hovertable" > 
	
	  <tr>
   		<td><a href="http://192.168.64.250/ganglia-web/graph.php?r=hour&z=xlarge&c=GA_SERVER&h={{ints.instance_name | lower }}&jr=&js=&v=1.68&m=AVG_Cpu_Used&vl=pecent"><img src="http://192.168.64.250/ganglia-web/graph.php?r=hour&z=small&c=GA_SERVER&h={{ints.instance_name | lower }}&jr=&js=&v=1.68&m=AVG_Cpu_Used&vl=pecent" alt="cpu_used" class="noborder" id="graph_img_hour" style="margin-top:5px;" title="Last hour" /></a></td>
    	<td><a href="http://192.168.64.250/ganglia-web/graph.php?r=hour&z=xlarge&c=GA_SERVER&h={{ints.instance_name | lower }}&jr=&js=&v=591.53515625&m=Memmory_Used&vl=MB"><img src="http://192.168.64.250/ganglia-web/graph.php?r=hour&z=small&c=GA_SERVER&h={{ints.instance_name | lower }}&jr=&js=&v=591.53515625&m=Memmory_Used&vl=MB" alt="memmory_used" class="noborder" id="graph_img_hour" style="margin-top:5px;" title="Last hour" /></a></td>
    	<td><a href="http://192.168.64.250/ganglia-web/graph.php?r=hour&z=xlarge&c=GA_SERVER&h={{ints.instance_name | lower }}&jr=&js=&v=0.0&m=Disk_read&vl=bps"><img src="http://192.168.64.250/ganglia-web/graph.php?r=hour&z=small&c=GA_SERVER&h={{ints.instance_name | lower }}&jr=&js=&v=0.0&m=Disk_read&vl=bps" alt="disk_read" class="noborder" id="graph_img_hour" style="margin-top:5px;" title="Last hour" /></a></td>
    	<td><a href="http://192.168.64.250/ganglia-web/graph.php?r=hour&z=xlarge&c=GA_SERVER&h={{ints.instance_name | lower }}&jr=&js=&v=9752.2617&m=Disk_write&vl=seconds"><img src="http://192.168.64.250/ganglia-web/graph.php?r=hour&z=small&c=GA_SERVER&h={{ints.instance_name | lower }}&jr=&js=&v=9752.2617&m=Disk_write&vl=seconds" alt="disk_writd" class="noborder" id="graph_img_hour" style="margin-top:5px;" title="Last hour" /></a></td>
 	 </tr>
  	 <tr>
    	<td><a href="http://192.168.64.250/ganglia-web/graph.php?r=hour&z=xlarge&c=GA_SERVER&h={{ints.instance_name | lower }}&jr=&js=&v=31.8976&m=network_in_report&vl=bps"><img src="http://192.168.64.250/ganglia-web/graph.php?r=hour&z=small&c=GA_SERVER&h={{ints.instance_name | lower }}&jr=&js=&v=31.8976&m=network_in_report&vl=bps" alt="nework_in" class="noborder" id="graph_img_hour" style="margin-top:5px;" title="Last hour" /></a></td>
   	 	<td><a href="http://192.168.64.250/ganglia-web/graph.php?r=hour&z=xlarge&c=GA_SERVER&h={{ints.instance_name | lower}}&jr=&js=&v=0.0&m=network_out_report&vl=bps"><img src="http://192.168.64.250/ganglia-web/graph.php?r=hour&z=small&c=GA_SERVER&h={{ints.instance_name | lower }}&jr=&js=&v=0.0&m=network_out_report&vl=bps" alt="network_out" class="noborder" id="graph_img_hour" style="margin-top:5px;" title="Last hour" /></a></td>
     </tr>
	</table>
 {% endfor %}

</p>
</p>
<hr></hr>
<table width="1200" border="0" cellspacing="1" cellpadding="0" > 
  <tr>
    <td align="right" >2013 版本：1.0</td>
  </tr>
</table>
</DIV>
</body>
</html>
